<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:replace="common::head"></head>
<body>

<header>
    <!--页面顶部内容,登录登出等信息-->
    <div th:replace="common::page-top"></div>
    <!--搜索导航-->
    <div th:replace="common::search-nav"></div>
    <!--轮播主体内容-->
    <div class="header_main">
        <div class="header_banner">
            <div th:replace="common::catalog"></div>

            <div style="float:left;width:1000px;padding-left:40px">
                <div>
                    <div class="cartcontent" style="margin-left:0px;margin-bottom:80px;">
                        <ul>
                            <li class="cart2_1"><span id="emailLabel">邮箱：</span></li>
                            <li class="cart2_2"><input name="email" id="email" type="text" required=""
                                                       oninput="checkData('email')" onblur="checkData('email')"><span
                                    class="tip-span" >*</span>
                            </li>
                            <li class="cart2_1"></li>
                            <li class="cart2_2"></li>

                            <li class="cart2_1"><span id="userLabel">用户名：</span></li>
                            <li class="cart2_2"><input name="username" id="username" type="text" required=""
                                                       oninput="checkData('username')" onblur="checkData('username')"><span
                                    class="tip-span" >*</span>
                            </li>
                            <li class="cart2_1"><span id="pswLabel">密码：</span></li>
                            <li class="cart2_2"><input name="password" id="password" type="password" required=""
                                                       oninput="checkData('password')" onblur="checkData('password')"><span
                                    class="tip-span" >*</span>
                            </li>
                            <li class="cart2_1"><span id="companyLabel">企业名称：</span></li>
                            <li class="cart2_2"><input name="enterpriseName" id="enterpriseName" type="text" required=""
                                                       oninput="checkData('enterpriseName')" onblur="checkData('enterpriseName')" ><span
                                    class="tip-span" >*</span>
                            </li>
                            <li class="cart2_1"></li>
                            <li class="cart2_2"></li>
                            <li class="cart2_1"><span id="whatsappLabel">Whatsapp：</span></li>
                            <li class="cart2_2"><input name="whatsapp" id="whatsapp" type="text" required=""
                                                       oninput="checkData('whatsapp')" onblur="checkData('whatsapp')" ><span
                                    class="tip-span" >*</span>
                            </li>
                            <li></li>
                        </ul>
                        <div style="width:1115px;height:92px;background-color:#fbfbfb;border: 1px solid #EBEBF1;border-left-width:0px;border-right-width:0px;border-top-width:0px;float: left;padding-left:25px;line-height:92px;">
                            <div style="float:right;width:350px;"><input type="submit" name="cartqd" value="确定提交"
                                                                         id="cartqd"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>


<div th:replace="common::footer"></div>

</body>

<style>
    .cartcontent {
        border: 1px solid #EBEBF1;
        width: 1100px;
        margin-bottom: 20px;
        margin-left: 33px;
        margin-top: 33px;
        float: left;
    }
    .cartcontent ul li {
        float: left;
        border: 1px solid #EBEBF1;
        border-top-width: 1px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-top-width: 0px;
    }

    .cart2_2 {
        width: 390px;
        height: 36px;
        float: left;
        line-height: 36px;
        padding-left: 10px;
        line-height: 38px;
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .cart2_2 input {
        width: 256px;
        height: 32px;
        background-color: #FFFFFF;
        border: 1px solid #CFCDCE;
        padding-left: 5px;
        padding-right: 5px;
    }

    .cart2_1 {
        width: 80px;
        text-align: right;
        height: 36px;
        float: left;
        line-height: 36px;
        padding-left: 33px;
        line-height: 38px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #cartqd:hover {
        color: #fff;
        background-color: #1E9FFF;
        transition: 150ms ease-in;
    }
    #cartqd {
        display: block;
        width: 155px;
        height: 47px;
        line-height: 47px;
        margin-top: 20px;
        color: #fff;
        background-color: #1E5AAA;
        text-align: center;
        text-decoration: none;
        border-radius: 4px;
        border: 0px;
        font-size: 18px;
        transition: 150ms ease-out;
        cursor: pointer;
    }
    .tip-span {
        color:red;
        font-family:宋体;
        display:inline-block;
        vertical-align:middle;
        margin-left:10px;
        white-space: nowrap;
    }
</style>

<script type="text/javascript" th:src="@{/static/index/js/text.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/login.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/header.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/secend.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/index.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/left,top.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/catalogLoader.js}"></script>
</html>
